﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/Qna.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/age.ui.statusmgr.js")" type="text/javascript"></script>
    <style type="text/css">
    #appstatus {
      position: fixed;
      bottom: 0px;
      margin-left: 50%;
      background: #fff;
      width: 50%;
    }

   

    </style>
    <script type="text/javascript">
      $(document).ready(function () {
        $('#appstatus').statusmgr();
      });
    </script>
</head>
<body>
    <div class="page">
        <header>
            <div id="title">
                <h1>Project Qna</h1>
            </div>
            <div id="logindisplay">
                @Html.Partial("_LogOnPartial")
            </div>
            <nav>
                <ul id="menu">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("View Questions", "Rand", "Question")</li>
                    <li>@Html.ActionLink("Categories", "Index", "Category")</li>
										<li>@Html.ActionLink("Pop a Question!", "Pop", "Question")</li>
										<li>@Html.ActionLink("About", "About", "Home")</li>
                </ul>
            </nav>
        </header>
        <section id="main">
            @RenderBody()
        </section>
        <footer>
        </footer>
    </div>
    <div id="appstatus">
    Status message.
    </div>
</body>
</html>
